<template>
	<div >
		<div class="view-popup-style" :style="{'margin-top': marginTop+'px'}">
			<div class="view-popup-style-left view-popup-public-style">{{content}}：</div>
			<div class="view-popup-style-right view-popup-public-style" :style="{'display': display}">
				<slot></slot>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props:{
			content: String,
			display:{ 
				type: String,
				default: 'flex'
			},
			marginTop: {
				default:10
			},
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.view-popup-style{
		display: flex;
		margin: 10px 5%;
		border-bottom: 1px solid rgb(231, 230, 228);
	}
	.view-popup-style-left{
		width: 27%;
		
	}
	.view-popup-style-right{
		width: 75%;
	}
	.view-popup-public-style{
		height: 39px;
		display: flex;
		align-items: center;
	}
</style>
